<!--底部-->
<div class="footer">
    <div>
        <div>底部 无敌大帅哥版权所有</div>
        <div>备案号 xxxxxxx</div>
    </div>
</div>

<style>
    .footer {
        text-align: center;
        vertical-align: middle;
        width: 100%;
        height: 50px;
        background-color: lightblue;
        position: absolute;
        bottom: 0;
    }
</style>
